<!--
 * @Description: 404页面 
 * @Author: 黄勇
 * @Date: 2020-03-09 15:36:26
 * @LastEditTime: 2020-03-19 12:43:55
 * @LastEditors: 黄勇
 -->
<template>
    <div class="error">
        <img class="error-image" alt="404" src="@/assets/images/404.png"/>
        <p class="error-text">{{text}}</p>
    </div>
</template>

<script>
export default {
    name: "error",
    components: {
    },
    computed: {},
    data: () => ({
        text: "抱歉，页面无法访问..."
    }),
    created() {
        
    },
    mounted() {},
    watch: {
    },
    methods: {
        
    }
};
</script>

<style lang="scss"  scoped>
.error {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .error-image {
        width: auto;
        height: 214px;
    }
    .error-text {
        font-size: 16px;
        color: #000;
        margin-top: 40px;
    }
}

</style>